 <!-- Page Heading -->
    <section class="page-heading">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h1>Profilo Pet <?= $pet['NomePet'] ?> </h1>
                </div>
                <div class="col-md-6">
                    <ul class="breadcrumb">
                        <li><a href="<?=base_url()?>">Home</a></li>
                         
                        <?php 
                        
                        if (isset($PetOwner)){
                           ?>
                        <li><a href="<?=base_url()?>profilo/petowner/<?=$PetOwner?>">Proprietario</a></li>
                        <?php
                        }else{
                        ?> <li><a href="<?=base_url()?>profilo/petsitter/<?=$PetSitter?>">Proprietario</a></li><?php
                        }
                        ?>
                        
                        <li class="active">Pet</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- Page Heading / End -->
<!-- Page Content -->
<section class="page-content">
    <div class="container"  itemscope itemtype="http://schema.org/Person">
        <h1 itemprop="name">Vi presento: <?= $pet['NomePet'] ?></h1>
        <div class="row">
            <div class="col-md-8">
                <!-- Project Slider -->
                <div class="owl-carousel owl-theme owl-slider thumbnail">
                    <?php foreach ($fotoPet as $item): ?>
                        <div class="item">
                            <img itemprop="image" src="<?= base_url() ?><?= $item['Percorso'] ?>" alt="<?= $item['Descrizione'] ?>">
                        </div>
                    <?php endforeach; ?>

                </div>
                <!-- Project Slider / End -->

            </div>
            <div class="col-md-4">
                <div class="visible-sm visible-xs spacer-lg"></div>
                <h>Il Mio <b>Cucciolo</b></h3>
                <h2><?= $pet['Note'] ?></h2>

                <hr>

                <h3>Dettagli</h3>
                <div class="list list__single-info" itemprop="description">
                    <ul>
                        <li><span>Razza:</span> <?= $pet['Razza'] ?></li>
                        <li><span>Taglia:</span> <?= $pet['Taglia'] ?></li>
                        <li><span>Personalità:</span> <?= $pet['Personalita'] ?></li>
                        <li><span>Alimentazione:</span> <?= $pet['Alimentazione'] ?></li>
                        <li><span>Sesso:</span> <?= $pet['Sesso'] ?></li>
                        <?php if ($pet['Vaccino'] == 1) { ?>
                            <li><span>Vaccinations:</span> <i class="fa fa-check"></i></li>
                        <?php } else { ?>
                            <li><span>Vaccinations:</span> <i class="entypo-cancel" style="color:red;"></i></li>
                        <?php } ?>

                        <?php if ($pet['Pedigree'] == 1) { ?>
                            <li><span>Pedigree:</span> <i class="fa fa-check"></i></li>
                        <?php } else { ?>
                            <li><span>Pedigree:</span> <i class="entypo-cancel" style="color:red;"></i></li>
                        <?php } ?>
                    </ul>
                </div>
                <a href="#" class="btn btn-primary">Contact Us</a>
            </div>
        </div>


        <hr class="lg">


        <h3>Tutti i Miei Animali</h3>

        <div class="prev-next-holder text-right">
            <a class="prev-btn" id="carousel-prev"><i class="fa fa-angle-left"></i></a>
            <a class="next-btn" id="carousel-next"><i class="fa fa-angle-right"></i></a>
        </div>

        <div class="owl-carousel-wrapper row">
            <div id="owl-carousel" class="owl-carousel">
                <?php foreach ($animali as $item): ?>
                    <div class="project-item" itemprop="follows" itemscope="" itemtype="http://schema.org/Person">
                        <div class="project-item-inner">
                            <figure class="alignnone project-img">
                                <img itemprop="image" src="<?=base_url()?><?=$item['pet_foto_path']?>" alt="Pet <?=$item['NomePet']?>, <?=$item['Razza']?>" />
                                <div class="overlay">
                                    <a href="<?=site_url('profilo/pet/' . $id ."/" . $item['IDPET'])?>" class="dlink"><i class="fa fa-link"></i></a>
                                    <a href="<?=base_url()?><?=$item['pet_foto_path']?>" class="popup-link zoom"><i class="fa fa-search-plus"></i></a>
                                </div>
                            </figure>
                            <div class="project-desc">
                                <h4 class="title" itemprop="name"><a href="#"><?=$item['NomePet']?></a></h4>
                                <span class="desc" itemprop="description"><?=$item['Razza']?>/<?=$item['Taglia']?></span>
                            </div>
                        </div>
                    </div>
                <?php endforeach; ?>

            </div>
        </div>

    </div>
</section>